/*通用背景图*/

.contact-bkgimg {
	background-repeat: round;
	width: 55%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	max-width: 50px;
}


/*通用*/

.cantact-head-common {
	background-image: url(../img/contact/common.png);
}

.cantact-head-common.active {
	background-image: url(../img/contact/common-active.png);
}


/*特别关心*/

.contact-head-care {
	background-image: url(../img/contact/care.png);
}

.contact-head-care.active {
	background-image: url(../img/contact/care-active.png);
}


/*群组*/

.contact-head-group {
	background-image: url(../img/contact/group.png);
}

.contact-head-group.active {
	background-image: url(../img/contact/group-active.png);
}


/*重写展示箭头位置，MUI为右侧*/

.mui-navigate-left::after {
	left: 3px !important;
	content: '\e583' !important;
}


/*改写箭头选中事件*/

.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right:after,
.mui-table-view-cell.mui-collapse.mui-active > .mui-push-right:after {
	content: '\e581' !important;
}

.mui-navigate-left>span:first-child {
	padding-left: 10px !important;
}

.mui-navigate-left>span:nth-child(2) {
	right: 15px !important;
	position: absolute !important;
	color: #999999 !important;
	font-size: 14px !important;
}


/*联系人头像-大小，圆形*/

.contact-person-img {
	border-radius: 45px !important;
	margin-top: 0px !important;
}


/*头部三个格子无边框*/

.noborder {
	border-width: 0px !important;
}

.contact-head {
	background-color: #FFFFFF !important;
	border-width: 0px !important;
	height: 80px !important;
	margin-top: -10px !important;
}

.contact-head>li {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.font-14{
	font-size: 14px !important;
}

/*联系人列表布局*/

.contact-list-ul {
	margin-top: -10px !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.contact-list-ul>li {
	padding-left: 15px !important;
	height: 60px;
}


/*联系人列表下划线位置*/

.contact-list-ul>li::after {
	left: 65px !important;
}


/*联系人点击之后样式*/

.mui-table-view-cell > a.mui-active:not(.mui-btn) {
	margin-left: -15px !important;
	padding-left: 15px !important;
}


/*联系人分组点击之后样式发生变化*/

.contact-group>li {
	margin-top: 0px !important;
}


/*联系人字体*/

.contact-person-font {
	padding-top: 9px;
	font-size: 16px;
}

.boy {
	color: #0494D8;
}

.girl {
	color: #ee99ee;
}

.tel {
	color: #999999;
	right: 45px;
	position: absolute;
	font-size: 16px;
}














